﻿<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <link href="../layui/css/layui.css" rel="stylesheet" />
    <script src="../layui/layui.js"></script>
    <link href="../jquery/themes/default/easyui.css" rel="stylesheet" />
    <link href="../jquery/themes/icon.css" rel="stylesheet" />
    <link href="../jquery/demo/demo.css" rel="stylesheet" />
    <script src="../jquery/jquery.min.js"></script>
    <script src="../jquery/jquery.easyui.min.js"></script>
    <script src="../jquery/locale/easyui-lang-zh_CN.js"></script>
    
	<meta charset="utf-8" />
</head>
<body>
   
     
      
    <div id="tb" >
        <button class="layui-btn layui-btn-radius">新增</button>
        <button class="layui-btn layui-btn-normal layui-btn-radius" id="Update">修改</button>
        <button class="layui-btn layui-btn-danger layui-btn-radius">删除</button>
        <button class="layui-btn layui-btn-warm layui-btn-radius">分配管理员</button><br />
        店铺名称：<input id="vv" class="easyui-validatebox" data-options="required:true" />
        联系人：<input id="vv" class="easyui-validatebox" data-options="required:true,validType:'email'" /> 
        
    </div>  
    <div id="win" closed="true" >
        <iframe id="frm1" scrolling="no" width="100%" height="100%" frameborder="0"></iframe>
    </div> 
    
   
    <!--<div id="win" class="easyui-window" title="My Window" style="width:600px;height:400px" closed="true"
         data-options="iconCls:'icon-save',modal:true">

        <div data-options="region:'north',title:'North Title',split:true" style="height:50px;">

           
           
            <input type="text" name="fatherId" id="fatherId" value="父页面的文本框" /> <br />
            <input type="text" name="fatherText" id="fatherText" value="给子页面赋的值!" />
             
        </div>

        
    </div>-->  
    <table id="dg" >
       
    </table>
    <script type="text/javascript">
        $(function () {
            $('#dg').datagrid({
                fitColumns: true,
                toolbar: "#tb",
                pagination: true,
                singleSelect: true,
                rownumbers:true,
                url: '../jquery/demo/datagrid/datagrid_data1.json',
                method: "get",
                columns: [[
                    { field: 'productid', title: 'ID', width: 100 },
                    { field: 'productname', title: 'Name', width: 100 },
                    { field: 'unitcost', title: 'Const', width: 100 },
                { field: 'listprice', title: 'Price', width: 100 },
                { field: 'attr1', title: 'attr1', width: 100 },
                 { field: 'itemid', title: 'itemid', width: 100 },



                ]]
            });
            $("#Update").click(function () {
                var row = $("#dg").datagrid("getSelected");
                if (row != null) {
                    $("#win").dialog({ width: 400, height: 400, closed: true } ).dialog("setTitle", "修改店铺").dialog("open");
                    $("#frm1").attr("src", "01_Update.html");
                } else {

                    $.messager.alert("提示", "请选择需要编辑的行", "warning");
                }
            })
        })
           


    </script>
</body>
</html>
